tohtml {
    background: url(../../../imagens/htmlFundo.gif) repeat-x top;
}

body {
    /*background: url(../../../imagens/bodyFundo.gif) no-repeat center 100px;*/
    font: 12px arial, tahoma, verdana;
}

/*******************************************
******* Estilos gerais para layout *********
*******************************************/

.IR {
   display: block;
   height: 0;
   overflow: hidden;
   background-repeat: no-repeat;
}
a.dp-choose-date {
display: none;
}

a {
	color: #D70000;
}
a:hover {
	text-decoration: none;
	color: #000;
}

#container {
  position: relative;
  width: 781px;
  margin: auto;
}

/* --- blocos --- */

/* - definicoes padrao de bloco. podem ser mudadas de acordo com a necessidade  - */

.bloco {
  margin: 10px 0;
}

.bloco h2 {
  margin: 0;
}

.bloco .conteudo {
  padding: 10px;
}

table caption {
	font-weight: bold;
	padding: 5px;
	background: #ccc;
}

/* --- */

/* --- topo --- */

#topo {
  position: relative;
  height: 80px;
  background: url(../../../imagens/topoFundo.gif) no-repeat bottom;
}
#topo h1 {
  margin: 0;
}

#topo h1 a {
  background: url(../../../imagens/logo.png);
  width: 290px;
  padding-top: 41px;
  position: absolute;
  left: 10px;
  top: 20px;
}

/* --- */

/* --- colunas --- */

#center {
	background: url(../../../imagens/centerFundo.gif) repeat-y center;
	float: left;
	width: 100%;
}

#center .detalhe1 {
	padding-left: 6px;
	background: url(../../../imagens/detalhe1Fundo.gif) no-repeat left -2px;
}
#center .detalhe2 {
	padding-right: 6px;
	padding-bottom: 40px;
	background: url(../../../imagens/detalhe2Fundo.gif) no-repeat right -2px;
}

.colunas .coluna-1 {
	margin: 5px;
	width: 224px;
	float: left;
}
.colunas .coluna-2 {
	margin: 5px;
	width: 456px;
	float: left;
}
.coluna-15 {
    position:relative;
	margin: 2px 5px 0 0;
	width: 40%;
	float: left;
}

.coluna-16 {
    position:relative;
	width: 30%;
	float: right;
	margin-top: 2px;
}

.subOpcoes {
	border: 1px solid #ccc;
}
.subOpcoes p {
	float: left;
	width: 30%;
	margin: 3px;
}

/* --- */
/* --- conteudo --- */


#conteudo {
	padding: 30px 30px 0 30px;
	background: url(../../../imagens/conteudoFundo.gif) repeat-x 0 29px;
}
#conteudo h2 {
	font-size: 16px;
	color: #d40000;
	padding: 10px 0;
}

/* --- */

/* --- #rodape --- */

#rodape {
   clear: both;
   background:  url(../../../imagens/rodapeFundo.gif) no-repeat center bottom;
   position: relative;
	padding-bottom: 10px;
	top: -30px;
	text-align: center;
}
#rodape a {
	color: #000;
}
#rodape .detalhe {
	background: #e1e1e1 url(../../../imagens/rodapeDetalheFundo.gif) repeat-x;
    margin: 0 6px;
	padding: 5px 14px;
}

#rodape p {
	margin: 0;
}

/* --- */


/* ---- pagina de login ---- */

.pagLogin {
	background: #fff;
}
.pagLogin #rodape, .pagLogin #rodape .detalhe, .pagLogin #topo, .pagLogin #center, .pagLogin #conteudo, .pagLogin form {
	background: none;
}

.pagLogin form {
	padding: 0;
}
.pagLogin #conteudo {
	padding: 23px 0;

}
.pagLogin #topo h1 a {
	background: url(../../../imagens/logoLogin.gif);
	width: 287px;
	padding-top: 50px;
}
.pagLogin #container {
	width: 312px;
	top: 60px;
}
.pagLogin #rodape {
	background: url(../../../imagens/rodapeLoginFundo.gif) no-repeat center top;
	padding: 10px 0 50px 0;
	font-weight: bold;
	color: #4d4d4d;

}

.blocoLogin {
	background: #000 url(../../../imagens/blocoLoginCantosSup.gif) no-repeat center top;
	color: #fff;
	padding-top: 5px;
	position: relative;
}
.blocoLogin .detalhe {
	padding-bottom: 15px;
	background: url(../../../imagens/blocoLoginCantosInf.gif) no-repeat center bottom;
}
.blocoLogin .conteudo {
	padding: 0 6px 6px 6px;
	background: url(../../../imagens/blocoLoginFundo.gif) repeat-y center;
}
.blocoLogin .conteudo form {
	background: url(../../../imagens/blocoLoginFormFundo.gif) repeat-x top;
	padding: 0 30px;
}

/*******************************************
******* Estilos gerais para menu ***********
*******************************************/

.menu ul, .links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- links --- */

/* links sao menus utilizados especificamente para algum bloco de conteudo, como por exemplo, uma lista de opcoes para uma noticia */

.links ul li {
	display: inline;
}

/*  --- */

/* --- paginacao --- */

/* a paginacao deve ser utilizada em listagens subdivididas em paginas */

.paginacao li {
	font-weight: bold;
}
.paginacao li a {
	color: #666;
	text-decoration: none;
	padding: 5px;
}
.paginacao li a:hover {
	padding: 4px;
	border: 1px solid #ccc;
}
.paginacao li.ativo a {
	border: 2px solid #666;
	padding: 3px;
}

/* --- */

/* --- menu horizontal --- */

.menuHorizontal ul li {
	float: left;
}
.menuHorizontal ul li a {
	display: block;
	margin: 10px 9px;
}

/* --- */

/* --- abas dinamicas --- */


.abas ul li a {
	margin: auto 2px;
}
.abas ul li a span {
	display: block;
}
.abas ul li a span.cantoEsq {
	background: url(../../_Imgs/) no-repeat top left;
	padding-left: 15px;
}
.abas ul li a span.cantoDir {
	background: url(../../_Imgs/) no-repeat top right;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 7px;
}

/* ---- */


#menuInstitucional {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 11px;
	padding: 0 20px 13px 20px;
	background: url(../../../imagens/menuInstitucionalFundo.gif) no-repeat center bottom;
}
#menuInstitucional ul li {
	border-left: 1px solid #fff;
	color: #fff;
}
#menuInstitucional ul li.primeiro {
	border: none;
}
#menuInstitucional ul li a {
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	text-decoration: none;
}
#menuInstitucional ul li a:hover {
	color: #000;
}

#menuPrincipal {
	position: absolute;
	background: url(../../../imagens/menuPrincipalFundo.gif) repeat-x;
	height: 30px;
	left: 6px;
	right: 6px;
	top: 80px;
	z-index: 222;
}
#menuPrincipal ul li {
	position: relative;
	z-index: 5;
}
#menuPrincipal ul li a {
	font-weight: bold;
	padding: 8px 10px;
	margin: 0 5px;
	color: #b3b3b3;
	text-decoration: none;
	border: none;
}
#menuPrincipal ul li a:hover, #menuPrincipal ul li.itemPai:hover a {
	color: #a00;
	background: #fff url(../../../imagens/menuPrincipalItemAtivoFundo.gif) repeat-x top;
}

#menuPrincipal ul li.itemPai:hover .subMenu {
	display: block;
}

.subMenu {
	display: none;
	width: 200px;
	position: absolute;
	top: 25px;
	left: -5px;
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
}
.subMenu ul li {
	display: block;
	float: none !important;
}
.subMenu ul li a {
	float: none !important;
	margin: 0 !important;
	padding: 5px 10px !important;
	font-weight: normal !important;
	color: #6f6f6f !important;
	background: #fff !important;
}
.subMenu ul li a:hover {
	background: #ffe6d5 !important;
	border: 1px solid #e9afaf !important;
	padding: 4px 9px !important;
	color: #8b1513 !important;
}


/*******************************************
***** Estilos gerais para formularios ******
*******************************************/

form {
	padding-top: 20px;
	background: url(../../../imagens/formFundo.gif) no-repeat top center;
}

input.IR {
    border: none;
    content: ""; /* opera */
    display: inline-block; /* opera */
    line-height: 0; /* ie */
    text-indent: -9999px;
}
input, select, textarea {
	vertical-align: middle;
}

select {
	width: 99%;
}
label {
	font-weight: bold;
}

form p {
	margin: 10px 0;
}
fieldset {
	border-bottom: 2px solid #DADADA;
	padding: 3px;
}

.input-text {    /* para campos de texto, textareas e file em geral */
	width: 99%;
	border: 1px solid #B9B9B9;
	color: #666;
	padding: 4px 0;
	background: url(../../../imagens/inputTextFundo.gif) repeat-x top;
}
.input-submit, .input-reset, .input-button {   /* para botões */
	text-transform: uppercase;
	background: #EBEBEB;
	font-weight: bold;
	color: #525252;
	border: 1px solid #A5A5A5;
	border-bottom-width: 2px;
	border-right-width: 2px;
	padding: 5px;
	cursor: pointer;
}
.input-submit:hover, .input-reset:hover, .input-button:hover {
	cursor: pointer;
	background: #fff;
}

.input-radio {   /* para radio buttons */

}

.input-checkbox {   /* para checkboxes */

}
.input-logar {
	background: url(../../../imagens/botaoLogar.gif) no-repeat;
	width: 54px;
	height: 33px;
}
.input-logar:hover {
	background: url(../../../imagens/botaoLogar.gif) no-repeat;
}
